<template>
    <div>
        <count-down @run="sendCode" :second='15'/>
        <div class="border-1px main-wrapper">
        </div>
        <div>
            <from-to :fromTo.sync="fromTo"></from-to>
        </div>
        <button @click="handleBtn">点我</button>
    </div>
</template>

<script>

    import CountDown from '../components/countdown/index'
    import FromTo from "../components/FromTo/index";

    export default {
        name: "dmeos",
        components: {
            FromTo,
            CountDown
        },
        data() {
            return {
                fromTo: [1, 100]
            }
        },
        methods: {
            sendCode() {
                console.log('我要发送验证码');
            },
            handleBtn() {
                console.log(this.fromTo);
            }
        }
    }
</script>

<style scoped rel="stylesheet/scss" lang="scss">
    @import "../styles/mixin";

    .border-1px {
        margin-top: 3rem;
        height: 1rem;
        @include border-1px(#cdef12)
    }

    .main-wrapper {

    }

</style>
